import React from 'react';
import {mdParser} from '../util/mdParser'

type Prop = {
  mdText: string
}

export const RenderArea: React.FC<Prop> = function ({mdText}) {
  const rElementArr = mdParser(mdText)
  return (
    <div className="col-lg-6 h-100">
      {React.createElement('label', {
        className: "h-100",
        id: "markdown-output"
      }, ...rElementArr)}
    </div>
  )
}